<template>
  <div class="home-page">
    <h1>首页</h1>
    <el-card class="card" v-for="item in items" :key="item.title">
      <h2>{{ item.title }}</h2>
      <p>{{ item.description }}</p>
    </el-card>
  </div>
</template>

<script>
export default {
  data() {
    return {
      items: [
        { title: '用户管理', description: '管理用户信息和权限' },
        { title: '商品管理', description: '添加、编辑和删除商品' },
        { title: '订单管理', description: '查看和管理订单状态' },
      ],
    };
  },
};
</script>

<style scoped>
.home-page {
  padding: 20px;
  background-color: #f5f5f5;
}

.card {
  margin-bottom: 20px;
}
</style>
